<h1 style="text-align: center;">{list_cat_title}</h1>

<div class="tools">
    <a style="text-decoration:none; color:#000;" 
    href="{url_add}" 
    onclick="return hs.htmlExpand(this, {
        objectType: 'iframe', width: 900, 
        creditsPosition: 'bottom left', 
        headingEval: 'this.a.title',
        wrapperClassName: 'titlebar' } )" 
    title="{add_new}">
    <input type="button" id="but_add_new" class="but_login" type="button" value=" {add_new} " /></a>
    <input type="button" id="but_show" disabled="disabled" class="but_tool butx" type="button" value=" {show} "  onclick="processChecked('show')" />
    <input type="button" id="but_hide" disabled="disabled" class="but_tool butx" type="button" value=" {hide} " onclick="processChecked('hide')" />
    <input type="button" id="but_del" disabled="disabled" class="but_tool butx" type="button" value=" {del} " onclick="processChecked('del')" />
    <input type="button" id="but_delete" disabled="disabled" class="but_tool butx" type="button" value=" {delete} " onclick="processChecked('delete')" />
</div>

<table class="tbl_cms" width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr class="tbl_header">
    <td class="cell_1" style="cursor:pointer;" title="{title_1}"><input onclick="checkAll()" name="all" type="checkbox" value="all" /></td>
    <td class="cell_5">{title_5}</td>
    <td class="cell_2">{title_2}</td>
    <td class="cell_3">{title_3}</td>
    <td class="cell_4">{title_4}</td>
  </tr>
</table>  
[OPEN htmlCat]
  [LOOP div_child]
   <div id="div{ID}" style="display: {none}">{div_child}</div>
   </div>
  [/LOOP div_child]
  
  [LOOP categoryapp]
      <div id="item{ID}">
          <table class="tbl_cms" width="100%" border="1" cellspacing="0" cellpadding="0">
              <tr class="tbl_content tr{ID} {class_cell}">
                <td class="cell_1">&nbsp;</td>
                <td class="cell_5"><a href="{url_edit}/{id}" 
                onclick="return hs.htmlExpand(this, {
                    objectType: 'iframe', width: 900, 
                    creditsPosition: 'bottom left', 
                    headingEval: 'this.a.title',
                    wrapperClassName: 'titlebar' } )" 
                title="{edit}: {CatName} ">{fun_edit}</a></td>
                <td class="cell_2" title="{SeoKey}">
                    {indent}{indent}{CatName}
                </td>
                <td class="cell_3 order{ID}"></span><span class="order-val">{Order}</span></td>
                <td class="cell_4 status{ID}">{{Status}}</td>
              </tr>
          </table>
  [/LOOP categoryapp]
  
  [LOOP category]
      <div id="item{ID}">
          <table class="tbl_cms" width="100%" border="1" cellspacing="0" cellpadding="0">
              <tr class="tbl_content tr{ID} {class_cell}">
                <td class="cell_1"><input name="delId[]" type="checkbox" value="{ID}" /></td>
                <td class="cell_5"><a href="{url_edit}/{id}" 
                onclick="return hs.htmlExpand(this, {
                    objectType: 'iframe', width: 900, 
                    creditsPosition: 'bottom left', 
                    headingEval: 'this.a.title',
                    wrapperClassName: 'titlebar' } )" 
                title="{edit}: {CatName} ">{fun_edit}</a></td>
                <td class="cell_2" title="{SeoKey}">
                    {indent}
                    <span onclick="showHide('{ID}',this,'{indent_num}')" class="ui-icon ui-icon-{minus}" style="display: inline-block; height: 14px; cursor: pointer;"></span>
                    <a href="{link_item}">{CatName}</a>
                </td>
                <td class="cell_3 order{ID}" style="cursor: move;" onmousedown ="move_div('{PID}');" ><span class="ui-icon ui-icon-arrowthick-2-n-s" style="height: 14px;display: inline-block;"></span><span class="order-val">{Order}</span></td>
                <td class="cell_4 status{ID}">{{Status}}</td>
              </tr>
          </table>
  [/LOOP category]
[CLOSE htmlCat]
